@tailwind base;
@tailwind components;
@tailwind utilities;
@import 'nprogress/nprogress.css';

*,
*::before,
*::after {
  box-sizing: border-box;
  line-height: 1;
}
html,
body,
#__next,
.ant-app {
  margin: 0;
  padding: 0;
  overscroll-behavior: none;
  scroll-snap-type: y mandatory;
}

@font-face {
  font-family: Cairo;
  src: url('/Tajawal-Medium.ttf');
}
.Cairo {
  font-family: Cairo;
}
.rtl {
  direction: rtl;
  font-family: Cairo !important;
}

.rtl * {
  direction: rtl;
  font-family: Cairo !important;
}

.ltr {
  direction: ltr;
}

.ltr * {
  direction: ltr;
}

.ltr-ipt {
  direction: ltr !important;
}

.ltr-ipt * {
  direction: ltr !important;
}

.rtl-img {
  transform: rotateY(180deg);
}

.min-width {
  min-width: 1440px;
  width: 100%;
}

.width {
  width: 1440px;
  margin: 0 auto;
}

@font-face {
  font-family: Roboto Condensed;
  src: url('/RobotoCondensed-Bold.ttf');
}

@font-face {
  font-family: Tajawal;
  src: url('/Tajawal-Medium.ttf');
}

@font-face {
  font-family: Avenir;
  src: url('/Avenir-Roman.ttf');
}

.Roboto {
  font-family: Roboto Condensed;
}
.Roboto-ipt {
  font-family: Roboto Condensed !important;
}

.Roboto * {
  font-family: Roboto !important;
}

.Avenir {
  font-family: Avenir;
}

/* Loading Mask */
#loading {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(0 0 0 / 15%);
}

.ant-spin-dot-item {
  background-color: #44c5e4 !important;
}
/* 
.ant-popover-inner {
  padding: 0 !important;
  background: rgba(255, 255, 255, 50%) !important;
  backdrop-filter: blur(35px) !important;
} */
.ant-popover {
  z-index: 1000;
}

.ant-modal-mask {
  background-color: transparent !important;
}

.ant-tooltip .ant-tooltip-inner {
  line-height: 1.5;
}

.ellipsis {
  word-break: break-word;
  word-wrap: break-word;
  white-space: pre-line;
  /* stylelint-disable-next-line value-no-vendor-prefix */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
